<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Dịch vụ, Dự án</title>

  <link rel="shortcut icon" href="favicon.ico"/>
  <!-- Stylesheets Start //-->
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
  <link href="css/roundabout.css" rel="stylesheet" type="text/css" />
  <link href="css/noscript.css" rel="stylesheet" type="text/css" media="screen,all" id="noscript" />
  <!-- Stylesheets End //-->
    
  <!-- Javascript Start //-->
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/ddsmoothmenu.js"></script>
  <script type="text/javascript" src="js/jquery.roundabout.js"></script>
  <script type="text/javascript" src="js/jquery.tools.tabs.min.js"></script>
  <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
  <script type="text/javascript" src="js/functions.js"></script>
  
  <script type="text/javascript" src="js/cufon-yui.js"></script>
  <script type="text/javascript" src="js/fonts/TitilliumText14L_400.font.js"></script>
  
  <script type="text/javascript">
    Cufon.replace('h1,h2,h3,h4,h5',{hover: 'true'})('a.button', {hover: 'true'})('.nivo-caption p')('.heading-block span')('.heading-block-footer span');
    Cufon.replace('.ddsmoothmenu li a');
    Cufon.replace('.ddsmoothmenu li', {
    	hover: true,
    	hoverables: { li: true },
    	ignore: { ul: true },
    	textless: { li: true }
    });
    Cufon.replace('.ddsmoothmenu li ul li', {
    	hover: true,
    	hoverables: { li: true },
    	ignore: { ul: true },
    	textless: { li: true }
    });
    Cufon.replace('.ddsmoothmenu li ul li ul li', {
    	hover: true
    });   
  </script>
  
  <script type="text/javascript">

    $(document).ready(function() {
    var interval;
    
    $('ul#myRoundabout').roundabout({
    		btnNext: '.next',
    		btnPrev: '.prev',
    		duration: 700,
    		easing: 'easeOutCubic',
    		minOpacity: 1.0,
    		minScale: 0.1,
    		reflect: true
    	}).hover(
  				function() {
  					// oh no, it's the cops!
  					clearInterval(interval);
  				},
  				function() {
  					// false alarm: PARTY!
  					interval = startAutoPlay();
  				}
  			);
  		
  		// let's get this party started
  		interval = startAutoPlay();  
  	});
    
    function startAutoPlay() {
  		return setInterval(function() {
  			$('ul#myRoundabout').roundabout_animateToNextChild();
  		}, 5000);
  	}
  	
  </script>   
  
  <!-- Javascript End //-->
  <!-- Danh cho slide show-->
  <link rel="stylesheet" type="text/css" href="css/style6.css" />
<script language="javascript" type="text/javascript" src="js/js_slideshow/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/js_slideshow/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/js_slideshow/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
						next:$('#lofslidecontent45 .lof-next') };
						
		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
												direction		: 'opacity',	
											 	easing			: 'easeOutBounce',
												duration		: 1200,
												auto		 	: true,
												mainWidth:940,
												buttons			: buttons} );	
	});
</script>
  <!-- Ket thuc slideshow-->
</head>

<body>

<div class="container">

  <div id="topbar">
  <span  style="float:right; margin-right:20px;margin-top:10px;">
  <a href="#"><img src="images/vi.png" /></a>
  
  <a href="#" style="margin-left:10px;"><img src="images/en.png" /></a></span>
  </div>
  
  <div class="wrapper">
  <!-- Header -->    
    <div id="header">
      
      <!-- Logo -->
      <div id="logo">
        <a href="index.html"><img src="images/logo.png" alt="" /></a>
      </div>
      <!-- Logo End  -->
    
      <!-- Main Navigation -->
      <div id="menu">
        <div id="smoothmenu1" class="ddsmoothmenu">
          <ul>
            <li><a href="index.html" class="selected" >Trang chủ</a></li>
            <li><a href="about.html">Giới thiệu</a></li>
            <li><a href="pricing.html">Dịch vụ</a> </li>
            <li><a href="services.html">Dự án</a> </li>
            <li><a href="#">Tài liệu</a></li>
            <li><a href="blog.html">Liên hệ</a></li>
          </ul>
        </div>
		
      </div>
    </div>
  <!-- Main Navigation End -->

 <!--Site Slogan -->
  <div class="slogan">
   <!------------------------------------- SLIDE SHOW START------------------------------------------------->
<div id="lofslidecontent45" class="lof-slidecontent" style="width:940px; height:340px;">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT --> 
  <div class="lof-main-outer" style="width:940px; height:340px;">
    <div onclick="return false" href="" class="lof-previous"></div>
  	<ul class="lof-main-wapper">
  		<li>
        		<img src="images/thumbl_980x340_002.png" title="Newsflash 2" >           
                 <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
				
                
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="images/thumbl_980x340.png" title="Newsflash 1" >           
          	 <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a> 	<i> — Monday, February 15, 2010 12:42</i></h3>
               
                
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="images/thumbl_980x340_003.png" title="Newsflash 3" >            
          	<div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a> 	<i> — Monday, February 15, 2010 12:42</i></h3>
              
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       
      </ul>  	
         <div onclick="return false" href="" class="lof-next"></div>
  </div>
 
</div>
      
  <!-----------------slideshow end --------------------->
  </div>
  <!--Site Slogan End -->
  
  <div class="clear"></div>
   <!-- Main Wrapper -->
    <div id="content" style="margin-top:15px;padding-bottom:15px;">
		<div class="col_14">
        	<div class="login">
            	 <p>Tên đăng nhập :</p>
                <input type="text" name="txtuser" class="textfield_login" id="username" value=""  />
                <p>Mật khẩu :</p>
                <input type="password" name="txtpass" class="textfield_login" id="password" value=""/>
                <br />
                <a href="#" class="button buttonblue"><span>Đăng nhập</span></a>
            </div>
            <div class="ads">
            	<p>Quảng cáo</p>
            	<a href="#"><img src="images/roundabout4.jpg" /></a>
                <a href="#"><img src="images/logo_Ads.jpg" /></a>

            </div>
        </div>
        <div class="col_34 last" style="border-left:1px solid #ccc;min-height:300px;">
        	<!--<div class="article">
            	<img src="images/roundabout2.jpg"/>
                <p>Chiến lược kinh doanh thời khủng hoảng</p>
                <span>Anh nói cái gì cơ ? Tôi không hiểu.</span>
            </div>-->
            <ul class="featureslist">
            <li>
            	<a href="#"><img src="images/roundabout2.jpg" class="alignleft" width="150" height="100"/></a>
            	<h5><a href="#">Chiến lược kinh doanh thời khủng hoảng</a></h5>
                <p>Vô số cơ hội kinh doanh nằm ngay trong giai đoạn khủng hoảng kinh tế, các công ty có thể tận dụng cơ hội nếu họ bắt đầu tiếp thị một cách khôn ngoan ngay từ hôm nay, theo cha đẻ marketing hiện đại Philip Kotler.- Philip, trong giai đoạn khủng hoảng, tiếp thị là một trong những bộ phận đầu tiên trong doanh nghiệp bị cắt giảm ngân sách. Ông có nghĩ rằng đó là một chủ trương khôn ngoan?</p>
            </li>
             <li>
            	<a href="#"><img src="images/roundabout2.jpg" class="alignleft" width="150" height="100"/></a>
            	<h5><a href="#">Chiến lược kinh doanh thời khủng hoảng</a></h5>
                <p>Vô số cơ hội kinh doanh nằm ngay trong giai đoạn khủng hoảng kinh tế, các công ty có thể tận dụng cơ hội nếu họ bắt đầu tiếp thị một cách khôn ngoan ngay từ hôm nay, theo cha đẻ marketing hiện đại Philip Kotler - Philip, trong giai đoạn khủng hoảng, tiếp thị là một trong những bộ phận đầu tiên trong doanh nghiệp bị cắt giảm ngân sách. Ông có nghĩ rằng đó là một chủ trương khôn ngoan?.</p>
            </li>
             <li>
            	<a href="#"><img src="images/roundabout2.jpg" class="alignleft" width="150" height="100"/></a>
            	<h5><a href="#">Chiến lược kinh doanh thời khủng hoảng</a></h5>
                <p>Vô số cơ hội kinh doanh nằm ngay trong giai đoạn khủng hoảng kinh tế, các công ty có thể tận dụng cơ hội nếu họ bắt đầu tiếp thị một cách khôn ngoan ngay từ hôm nay, theo cha đẻ marketing hiện đại Philip Kotler - Philip, trong giai đoạn khủng hoảng, tiếp thị là một trong những bộ phận đầu tiên trong doanh nghiệp bị cắt giảm ngân sách. Ông có nghĩ rằng đó là một chủ trương khôn ngoan?.</p>
            </li>
            </ul>
        </div>
      <!-- Main Content -->      
      
      
                 
    </div>
  </div>
  
  <div class="clear"></div>
   <!-- Footer -->
  <div id="footer-wrapper">
    <div class="wrapper">
    
      <!-- Footer Box -->
      <div class="footerbox col_14_1">
        <div class="heading-block-footer"><span>Bản quyền</span></div>  
         <p>CÔNG TY CP XÂY DỰNG DÂN DỤNG HN

		<br />Mã số DN: 

<br /> (Cấp bởi Sở kế hoạch & Đầu tư TP.HN)
<br />
© 2012 Bản quyền của Hà Nội Civil. <br />
		</p>
      </div>
      <!-- Footer Box End -->
      
      <!-- Footer Box -->
      <div class="footerbox col_14_1">
        <div class="heading-block-footer"><span>Địa chỉ</span></div> 
        <p>Số 77/55, Bùi Xương Trạch, Q.Thanh Xuân, HN<br />

VPGD: P.401 H3 Kim Giang, Thanh Xuân, HN<br />

ĐT: 04.35.596984<br />

Email: info@civil.com.vn<br /></p>
      </div>
      <!-- Footer Box End -->
      
     
      
      <!-- Footer Box -->
      <div class="footerbox col_14 last">
        <div class="heading-block-footer"><span>Bản đồ</span></div>
        <img src="images/map.jpg" />
        
      </div>
      <div class="clear"></div>
    </div>
    <!-- Footer Box End -->
    
    <div class="clear"></div>
    
    <!-- Footer Bottom -->
    <div class="footer-bottom">
      <p>
          <span><a href="#">Thiết kế bởi ATF </a></span>
        </p>
      <!-- Footer Bottom End -->
    </div>
    <!-- Footer -->